<script setup>

</script>

<template>

<div class="common-layout">
  <el-container>
    <el-aside style="width: 200px;">
      <el-menu
          background-color="#3c82f5"
          style="width:100%;height:100%;min-height:100vh;"
          text-color="#fff"
          active-text-color="#ff0"
          router>
        <el-row style="padding-top: 10px;">
          <el-col :offset="2" :span="7" style="padding-left:7px;">
            <el-avatar src="/imgs/logo.jpg" style="width:50px;height:50px;"></el-avatar>
          </el-col>
          <el-col :span="13">
            <router-link to="/" style="color:#FFF;text-decoration:none;position:relative;top:8px;left:2px;font-weight: bold;">
              长征租车
            </router-link>
          </el-col>
        </el-row>
        <el-menu-item index="/admin/user">用户管理</el-menu-item>
        <el-menu-item index="/admin/customer">客户管理</el-menu-item>
        <el-menu-item index="/admin/vehicle">车辆管理</el-menu-item>
        <el-menu-item index="/admin/combo">车辆套餐管理</el-menu-item>
        <el-menu-item index="/station">站点管理</el-menu-item>
        <el-menu-item index="/admin/checklist">待检查订单</el-menu-item>
        <el-menu-item index="/admin/completed">检查单管理</el-menu-item>
      </el-menu>
    </el-aside>
    <el-container>
      <el-header style="height: 30px">
        <el-row :gutter="20" style="padding-top: 10px">
          <el-col :offset="22" :span="2">
            <el-dropdown >
              <span class="el-dropdown-link">
                admin<el-icon class="el-icon--right"><arrow-down /></el-icon>
              </span>
              <template #dropdown>
                <el-dropdown-menu>
                  <el-dropdown-item>退出登录</el-dropdown-item>
                </el-dropdown-menu>
              </template>
            </el-dropdown>
          </el-col>
        </el-row>
      </el-header>
      <el-main style="padding-top: 0">
        <router-view/>
      </el-main>
    </el-container>
  </el-container>
</div>

</template>

<style scoped>

</style>